<template>
  <view>
    <div class="topSide">
      <div class="my">我的</div>
      <div class="personal">
        <div class="via">
          <uni-icons type="person" size="50" color="#979191" class="headIcon" @click="tx"></uni-icons>
        </div>
        <div class="login">
          <div v-if='!loginName'>点击登录</div>
          <div v-else>{{loginName}}</div>
        </div>
      </div>
    </div>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        loginName: '',
        isShowName: true
      };
    },
    methods:{
      tx(){
        uni.navigateTo({
          url:'/subpkg/about_admin/about_admin'
        })
      }
    }
  }
</script>

<style lang="scss">
.topSide {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 217px;
    background-color: #3F51B5;
    color: #ffffff;
    .my {
      font-size: 18px;
      padding: 8px 19px;
      font-weight: 800;
    }
    .personal {
      width: 67px;
      height: 100px;
      margin: 0 auto;
      font-size: 22rpx;
      .via {
        width: 67px;
        height: 67px;
        background-color: #eeecec;
        border-radius: 50%;
        margin-bottom: 12px;
        text-align: center;
      }

      .login {
        font-size: 22rpx;
        text-align: center
      }
    }
  }
</style>